<div class="caixaRapidos form">

	<div class="row">
		<div class="col-md-12">
			<div class="page-header">
				<h1><?php echo __('Registrar nova venda no Caixa Rápido'); ?></h1>
			</div>
		</div>
	</div>



	<div class="row">
		<div class="col-md-3">
			<div class="actions">
				<div class="panel panel-default">
					<div class="panel-heading">Ações</div>
						<div class="panel-body">
							<ul class="nav nav-pills nav-stacked">

								<li><?php echo $this->Html->link(__('<span class="glyphicon glyphicon-list"></span>&nbsp;&nbsp;Lista do Caixa Rápido'), array('action' => 'index'), array('escape' => false)); ?></li>
								<li><?php echo $this->Html->link(__('<span class="glyphicon glyphicon-list"></span>&nbsp;&nbsp;Listar Entradas'), array('controller' => 'entradas', 'action' => 'index'), array('escape' => false)); ?> </li>
								<li><?php echo $this->Html->link(__('<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;Nova Entrada'), array('controller' => 'entradas', 'action' => 'add'), array('escape' => false)); ?> </li>
								<li><?php echo $this->Html->link(__('<span class="glyphicon glyphicon-list"></span>&nbsp;&nbsp;Listar Produtos'), array('controller' => 'produtos', 'action' => 'index'), array('escape' => false)); ?> </li>
								<li><?php echo $this->Html->link(__('<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;Novo Produto'), array('controller' => 'produtos', 'action' => 'add'), array('escape' => false)); ?> </li>
							</ul>
						</div>
					</div>
				</div>			
		</div><!-- end col md 3 -->
		<div class="col-md-9">
			<?php echo $this->Form->create('CaixaRapido', array('role' => 'form')); ?>
				<div class="panel panel-default">
					<h3 class="col-md-12">Selecionar Produtos</h3>
					<div class="panel-body">
						<div class="form-group">
							<?php //echo $this->Form->input('data_hora', array('class' => 'form-control', 'placeholder' => 'Data Hora'));?>
						</div>
						
						<div id="cc0" class="row"> 
					        <div class="form-group col-md-6">
					        	<?php echo $this->Form->input('CaixaRapidosProduto.0.produto_id', array('onchange' => 'desabilita(this.value, this.id)', 'type' => 'select','class' => 'form-control', 'label' => 'Produto', 'options' => $produtos, 'empty' => 'Selecione um produto')); ?>
					        	<?php //echo $this->Form->input('CaixaRapidosProduto.0.preco_venda', array('type'=>'hidden', 'value' => $produtos));?>
					        </div>
					        <div class="form-group col-md-2">
					        	<?php echo $this->Form->input('CaixaRapidosProduto.0.qtde', array('type' => 'number','class' => 'form-control', 'label' => 'Quantidade','id'=>'caixaquantidade0')); ?>
					        </div>
					        <div class="form-group col-md-1"><br><br>
					        	<?php echo $this->Form->button('Remover', array('type' => 'button', 'class' => 'btn btn-default btn-sm')); ?>
					        </div>
					    </div>
					    <div class="row" id="trAddcc">
					       <div class="form-group col-md-offset-8 col-md-2">
					            <?php echo $this->Form->button('Adicionar Produto',array('class'=>'btn btn-default btn-sm', 'type'=>'button','title'=>'Adicionar novo campo de Produto','onclick'=>'addCC()'));?>
					        </div>
					    </div>
					    
						<div class="form-group row">
							<div class="col-md-2">
								<?php echo "<a href='#' title='add' id='calcularTotal'>Calcular Total</a><br><br>"; ?>
							</div>
							<div class="col-md-2"> 
								<?php echo $this->Form->input('total',array('type'=>'number', 'class'=>'form-control ','id'=>'total'))?>
							</div>
						</div>
						<script type='text/javascript'>
						    var lastRowcc=0;
						    var lastRowpc=0;
						
						    function addCC() {
						        lastRowcc++;
						        
						        $("#cc0").clone(true).attr('id','cc'+lastRowcc).removeAttr('style').insertBefore("#trAddcc");
						        $("#cc"+lastRowcc+" button").attr('onclick','removeCC('+lastRowcc+')');
						        $("#cc"+lastRowcc+" select").attr('name','data[CaixaRapidosProduto]['+lastRowcc+'][produto_id]').attr('id','produtocodigo'+lastRowcc).attr('onchange','buscaPreco('+lastRowcc+')');
								$("#cc"+lastRowcc+" input").attr('name', 'data[CaixaRapidosProduto]['+lastRowcc+'][preco_venda]').attr('id', 'precovenda'+lastRowcc);
						        $("#cc"+lastRowcc+" input").attr('name','data[CaixaRapidosProduto]['+lastRowcc+'][qtde]').attr('id','caixaquantidade'+lastRowcc);
						    }
						    function removeCC(element){
						    	lastRowcc--;
								$('#cc'+element).remove();
						    }
						    
						    
						    function buscaPreco(element){
						    	$('#preco'+element).load('calculaPreco.php?produto='+$('#produtoid'+element).val() );
						    }
						    
						    $(document).ready(function(){
							    $('#estados').change(function(){
							        $('#cidades').load('cidades.php?estado='+$('#estados').val() );
							    });
							});

						    
						    jQuery(function($){
								$("#calcularTotal").click(function(e){
									
									document.getElementById("total").value = 0;
									var quantia;
									quantia = lastRowcc;
									
									var total;
									total = parseInt(document.getElementById("total").value);
									
									var qtde;
									if(quantia == 0 ){
									
										qtde = parseInt(document.getElementById("caixaquantidade0").value);
										total = qtde;
										
									}
									else{
										for(var i=0; i<=quantia;i++){
											qtde = parseInt(document.getElementById("caixaquantidade"+i).value);
											
											total =  qtde + total;
											
										}
									}
									document.getElementById('total').value = total;	
									
									
									
									
										
								});
							});

							//function desabilita(valor, id){
							//	option = document.getElementById(id);
							//	marcado = false;
							//	for(i=0; i <= option.options.length; i++ ){
							//		if(option.options[i].value = valor){
							//			option.options[i] = null;
							//		}
							//		else{
							//			option.options[i].disabled = false;
							//			if(marcado == false){   
							//            	option.options[i].selected = true;   
							//            	marcado = true;  
							//         	}
							//		}	
							//	}
							//}
						</script>
						
						
						<div class="form-group">
							<?php echo $this->Form->submit(__('Salvar'), array('class' => 'btn btn-default')); ?>
						</div>
					</div>
				</div>

			<?php echo $this->Form->end() ?>

		</div><!-- end col md 12 -->
	</div><!-- end row -->
</div>
